<!DOCTYPE html>
<html>
<head>
<title>元素属性关系管理</title>
<meta charset="UTF-8">

<!--<link rel="stylesheet" type="text/css" href="../styles.css">-->
<script src="../../jsplugin/jquery.min.js"></script>
<link rel="stylesheet" href="../../styles/css/bootstrap.min.css">
<link rel="stylesheet" href="../../styles/css/bootstrap-dialog.css">
<link rel="stylesheet" href="../../styles/css/bootstrap-table.min.css">
<link rel="stylesheet" href="../../styles/css/skinBlue.css" >
<script src="../../jsplugin/bootstrap-paginator.min.js"></script>
<script src="../../jsplugin/bootstrap.min.js"></script>
<script src="../../jsplugin/bootstrap-dialog.js"></script>
<script src="../../jsplugin/bootstrap-table.min.js"></script>
<script src="../../jsplugin/bootstrap-table-zh-CN.min.js"></script>
<script src="../../common/common.js"></script>
</head>

<body>
<div class="col-xs-3 col-md-3">
	<div class="panel-body" style="padding-bottom:0px;">
	<div class="panel panel-default">
			<div class="panel-heading">查询条件</div>
			<div class="panel-body">
				<form id="formSearch" class="form-horizontal">
					<div class="form-group col-md-12 " style="margin-top:1px">
						<label class="control-label col-sm-4" for="seachName">元素名称</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" id="seachName">
						</div>
					</div>
					<div class="form-group col-md-12 " style="margin-top:5px">
					<label class="control-label col-sm-4" for="seachCode">元素编号</label>
						<div class="col-sm-6">
							<input type="text" class="form-control" id="seachCode">
						</div>
				  </div>
				  <div class="col-sm-3" style="text-align:left;">
							<button type="button" style="margin-left:50px;width:100px;" id="btn_query"
								class="btn btn-primary" onclick="queryBytableId('elementTables')">查询</button>
						</div>
				</form>
			</div>
		</div>
	<table id="elementTables" style="min-width:300px;table-layout:fixed"></table>
	</div>
	</div>
	<div class="col-xs-9 col-md-9">
	<div class="panel-body" style="padding-bottom:0px;">
	
		<div id="toolbar" class="btn-group">
		<button id="btn_add" type="button" class="btn btn-default"
			onclick="add()">
			<span class="glyphicon glyphicon-plus"></span>绑定
		</button>
		<button id="btn_edit" type="button" class="btn btn-default"
			onclick="deleteAttribute()">
			<span class="glyphicon glyphicon-pencil"></span>解绑
		</button>
		<button id="btn_delete" type="button" class="btn btn-default"
			onclick="edite()">
			<span class="glyphicon glyphicon-remove"></span>修改
		</button>
	</div>
	<table id="attributeTables" style="min-width:800px;table-layout:fixed"></table>
	</div>
	</div>
</body>
	<script src="../../common/myAlert.js"></script>
	<script type="text/javascript" src="../js/elementAttributeRel.js"></script>
</html>
